<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Hệ thống quản lý khách sạn</title>
	<?php 
		echo $this->Html->css(array('styles','style_datepicker'));
		echo $this->Html->script(array('jquery-1.10.2','jquery-ui','jquery.maskMoney','jquery.paginator'));
	?>
    <script type="text/javascript" charset="utf-8" async defer>
        jQuery(document).ready(function($) {
            var ofset_banner = $('#wrapper').offset().left+'px';
            $("#banner").css('padding-left', ofset_banner);
            $('a.dialog-link , .item .edit , td a.edit').click(function(event) {
                event.preventDefault();
                $('.dialog').load($(this).attr('href'));
                $('.dialog').dialog({
                    resizable: false,
                    show: { effect: "fadeIn", duration: 400},
                    title: $(this).attr('title'),
                    height: 'auto',
                    width: 'auto',
                    modal: true
                });
            });
            $(".setup-pri a").click(function(event) {
                event.preventDefault();
                var id = $(this).attr('id');
                $(".room-set").find('input').prop('checked', false);
                $(".room-set").find('input.'+id).prop('checked', true);
                var link = "<?php echo $this->webroot.'caterooms/access_price/' ?>"+id;
                $(".block-content .acc-pri").load(link);
            });
            var glo1 = 0;
            $(document).on("click","span.extend",function() {
                glo1++;
                $(".pri-day li").first().clone(true).attr('id','PriceTime'+glo1).removeAttr('style').appendTo(".pri-day");
                $("#PriceTime"+glo1+" input").first().attr('name','data[PriceTime]['+glo1+'][time]').attr('id','PriceTimeTime'+glo1);
                $("#PriceTime"+glo1+" input").last().attr('name','data[PriceTime]['+glo1+'][price]').attr('id','PriceTimePrice'+glo1);
            });
            var glo2 = 0;
            $(document).on("click","span.extend1",function() {
                glo2++;
                $(".pri-day li").first().clone(true).attr('id','PriceTimed'+glo2).removeAttr('style').appendTo(".pri-night");
                $("#PriceTimed"+glo2+" input").first().attr('name','data[PriceTimed]['+glo2+'][time]').attr('id','PriceTimedTime'+glo2);
                $("#PriceTimed"+glo2+" input").last().attr('name','data[PriceTimed]['+glo2+'][price]').attr('id','PriceTimedPrice'+glo2);
            });

            var glo3 = 0;
            $(document).on("click","span.extend2",function() {
                glo3++;
                $("#over-peo li").first().clone(true).attr('id','OverPeople'+glo3).removeAttr('style').appendTo('#over-peo');
                $("#OverPeople"+glo3+" input").first().attr('name','data[OverPeople]['+glo3+'][people]').attr('id','OverPeople'+glo3);
                $("#OverPeople"+glo3+" input").last().attr('name','data[OverPeople]['+glo3+'][price]').attr('id','OverPeople'+glo3);
            });

            // Xóa thông tin lầu và danh mục phòng và phòng
            $('a.del').click(function(event) {
                event.preventDefault();
                var link = $(this).attr('href');
                var report =  window.confirm('Bạn có thật sự muốn xóa bản ghi này ?');
                if(report){
                    $(location).attr('href',link);
                }
            });
            // Xóa thông tin khách hàng khi không đảm bảo thông tin đặt hàng
            $('a.del_book').click(function(event) {
                event.preventDefault();
                var link = $(this).attr('href');
                var report;
                if($(this).attr('id') == 'remov'){
                    report =  window.confirm('Bạn có thật sự muốn hủy thông tin đặt hàng này ?');
                }else{
                    report =  window.confirm('Bạn có thật sự muốn xóa bản ghi này ?');
                }
                if(report){
                    $(location).attr('href',link);
                }
            });
            // Thiết lập vị trí, loại phòng
            $("a.apd").click(function(event) {
                var vt = $(".acti #StoreyId").val();
                var type = $(".acti #CateroomId").val();
                var arr = [];
                $("td.id").each(function() {
                    var cur = $(this).find('input[name="room_id"]');
                    if(cur.is(':checked')){
                        arr.push(cur.val());
                    }
                });
                if(arr.length == 0){
                    alert("Cần phải chọn phòng để thực hiện thao tác !");
                }else{
                    $.ajax({
                        type: "GET",
                        data: {"data": '{"arr_key":"'+arr+'", "local":"'+vt+'", "type":"'+type+'"}' },
                        url: "<?php echo $this->webroot.'rooms/change' ?>",
                        success: function(data){
                            var link = "<?php echo $this->webroot.'rooms/' ?>";
                            $(location).attr('href', link);
                        }
                    });
                }
            });
            $(document).on("click","#adg a.remove",function(event) {
                event.preventDefault();
                var id = $(this).attr('id');
                var link = $(this).attr('href');
                if(id){
                    $.ajax({
                        data: {"data": '{"id":"'+id+'"}' },
                        url: link,
                        success: function(data){
                            var link = "<?php echo $this->webroot.'rooms/setup_price' ?>";
                            $(location).attr('href', link);
                        }
                    });
                }else{
                    $(this).parent().remove();
                }
            });

            $("#set-waiting").click(function(event) {
                event.preventDefault();
                var ar_id = [];
                $(".chk-sub1").each(function(index, el) {
                    if($(this).is(':checked')){
                        ar_id.push($(this).val());
                    }
                });
                if(ar_id.length == 0){
                    alert("Chưa chọn khách hàng !");
                }else{
                    var report = window.confirm("Bạn có thật sự muốn xóa ?");
                    if(report){
                        $.ajax({
                            data: {"data": '{"id":"'+ar_id+'"}' },
                            url: "<?php echo $this->webroot.'guests/del_guest_waiting' ?>",
                            success: function(data){
                                $(location).attr('href', "<?php echo $this->webroot ?>");
                            }
                        });
                    }
                }
            });

            $(".close-dialog").click(function(event) {
                $('#dialog-confirm').dialog("destroy");
            });
            $(".datepicker").datepicker({
                dateFormat: 'yy-mm-dd'
            });

            $("#ReservationStart").datepicker({
                dateFormat: 'yy-mm-dd',
                onClose: function(selected){
                    var temp = new Date(selected);
                    $("#ReservationEnd").datepicker({
                        dateFormat: 'yy-mm-dd'
                    });
                }
            });

            $(".context-menu").css('display', 'none');
            $("*").click(function(event) {
                $(".context-menu").css('display', 'none');
            });
            $(".chk-parent1").change(function(event) {
                if($(this).is(":checked")){
                    $(".chk-sub1").prop("checked", true);
                }else{
                    $(".chk-sub1").prop("checked", false);
                }
            });
            $(".chk-parent2").change(function(event) {
                if($(this).is(":checked")){
                    $(".chk-sub2").prop("checked", true);
                }else{
                    $(".chk-sub2").prop("checked", false);
                }
            });
            $("input[id^=r]").change(function(event) {
                var id = '.'+$(this).attr('id');
                $("#list-room").find("div[class^=r]").addClass('hidden');
                $("#list-room").find(id).removeClass('hidden');
            });

            $(document).on("mousedown",".items",function(event) {
                var id = $(this).attr('id');
                $(".context-menu").attr('id', id);
                switch (event.which) {
                    case 1:
                        $(".context-menu").css('display', 'none');
                        break;
                    case 3:
                        $("body").bind("contextmenu",function(e){
                            return false;
                        });
                        var left = event.pageX+'px';
                        var top = event.pageY+'px';
                        $(".context-menu").css({
                            'display': 'inline-block',
                            'z-index' : '99999',
                            'top': top,
                            'left': left
                        });
                        break;
                }
            });

            $(document).on("click",".context-menu > li > a",function(event) {
                event.preventDefault();
                var href = $(this).attr('href')+'/'+$(this).parent().parent().attr('id');
                $('.dialog').load(href);
                $('.dialog').dialog({
                    resizable: false,
                    show: { effect: "fadeIn", duration: 400},
                    title: $(this).attr('title'),
                    height: 'auto',
                    width: 'auto',
                    modal: true
                });
            });

            $("input#SearchRoom").click(function(event) {
                event.preventDefault();
                var data = $("#ReservationHomeForm").serializeArray();
                $.ajax({
                    type : "POST",
                    data: data,
                    url: "reservations/find_room",
                    success: function(data){
                        var data = $.parseJSON(data);
                        var arr_elment = [];
                        $.each(data, function( index, value ) {
                            arr_elment.push('<div class="items '+'ss_book'+'" style="margin-left: 16px; margin-right: 0 ;border : 1px solid #C0C0C0" id="'+index+'">'+value+'</div>');
                        });
                        $(".it-wrap").html(arr_elment);
                    }
                });
            });

            $("input#id").change(function(event) {
                if($(this).is(":checked")){
                    $("td .chk").prop("checked", true);
                }else{
                    $("td .chk").prop("checked", false);
                }
            });

            $("#action-book").click(function(event) {
                var arr = [];
                $("input.chk-sub2").each(function(index, el) {
                    if($(this).is(':checked')){
                        arr.push($(this).val());
                    }
                });
                if(arr.length == 0){
                    alert("Chưa có khách hàng nào được chọn"); 
                    event.preventDefault();
                }else{
                    $.ajax({
                        data: {"data": '{"id":"'+arr+'"}' },
                        url: "reservations/unset_book",
                        success: function(data){
                            $(location).attr('href', "<?php echo $this->webroot ?>");
                        }
                    });
                }
            });


        });
    </script>
</head>
<body>
    <div class="dialog"></div>
	<div id="header">
		<?php echo $this->element('header');?>
	</div>
	<div id="wrapper">
		<?php echo $this->element('menu');?>
		<div id="main">
		<?php echo $content_for_layout;?>
		</div>
	</div>
    <div id="footer">
        <?php echo $this->element('footer');?>
    </div>
    <div id="dialog-confirm" style="display:none;">
        <!-- show dialog -->
    </div>
</body>
</html>